<!DOCTYPE html>
<html class="loading" lang="en" data-textdirection="ltr" xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <title>明日校园管理平台</title>
    <link rel="stylesheet" type="text/css" href="/app-assets/css/vendors.css">
    <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_2959825_4s6hxoaw6k7.css">
</head>
<body class="vertical-layout vertical-menu 2-columns   menu-expanded fixed-navbar" data-open="click"
      data-menu="vertical-menu" data-color="bg-gradient-x-purple-blue" data-col="2-columns">
<div th:replace="header :: header"></div>
<div class="main-menu menu-fixed menu-light menu-accordion    menu-shadow " data-scroll-to-active="true"
     data-img="/app-assets/images/backgrounds/02.jpg">
    <div class="navbar-header">
        <ul class="nav navbar-nav flex-row">
            <li class="nav-item mr-auto"><a class="navbar-brand" href="index.html"><img class="brand-logo"
                                                                                        alt="Chameleon admin logo"
                                                                                        src="/app-assets/images/logo2.png"/>
                <h3 class="brand-text">明日校园管理平台</h3>
            </a></li>
            <li class="nav-item d-md-none"><a class="nav-link close-navbar"><i class="ft-x"></i></a></li>
        </ul>
    </div>
    <div th:replace="menu :: menu"></div>
    <div class="navigation-background"></div>
</div>
<div class="app-content content">
    <div class="content-wrapper">
        <div class="content-wrapper-before"></div>
        <div class="content-header row">
            <div class="content-header-left col-md-4 col-12 mb-2">
                <h3 class="content-header-title">课程资源</h3>
            </div>
            <div class="content-header-right col-md-8 col-12">
                <div class="breadcrumbs-top float-md-right">
                    <div class="breadcrumb-wrapper mr-1">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a th:href="@{/}">主页</a></li>
                            <!--  <li class="breadcrumb-item"><a href="pwd.html"> 修改密码</a></li>-->
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <div class="content-body">
            <section class="file-browser">
                <div class="row match-height">
                    <div class="col-lg-12 col-md-12">
                        <div class="card" style="">
                            <div class="card-header">
                                <label class="card-title" for="exampleInputFile">课程资源列表</label>
                            </div>
                            <div class="card-block">
                                <div class="card-body">
                                    <div class="topbtn">

                                        <a shiro:hasAnyRoles="admin,manager"   th:href="@{/resource/addResource}" class="btn btn-bg-gradient-x-purple-red">添加课程资源</a>

                                    </div>

                                    <div class="tablebox">
                                        <div class="tablebox tablemd">
                                            <table class="table">
                                                <thead>
                                                <tr>
                                                    <th>id</th>
                                                    <th>资源标题</th>
                                                    <th>文件名称</th>
                                                    <th>备注</th>
                                                    <th shiro:hasAnyRoles="admin,manager,normal" >操作</th>
                                                </tr>
                                                </thead>
                                                <tbody>


                                                <tr th:each="resource : ${page.list}">
                                                    <td th:text="${resource.id}"></td>
                                                    <td th:text="${resource.title}"></td>
                                                    <td th:text="${resource.oldfilename}"></td>
                                                    <td th:text="${resource.content}"></td>
                                                    <td>
                                                        <a shiro:hasAnyRoles="admin,manager"  th:href="@{/resource/edit/{id}(id=${resource.id})}" class="ui button mini pink">编辑</a>
                                                        <a shiro:hasAnyRoles="admin,manager"  th:href="@{/resource/delete/{id}(id=${resource.id})}" class="ui button mini teal">删除</a>
                                                        <a shiro:hasRole="normal"  th:href="@{/resource/download/{id}(id=${resource.id})}" class="ui button mini teal">下载</a>
                                                    </td>
                                                </tr>
                                                </tbody>

                                            </table>
                                        </div>
                                    </div>

                                    <nav aria-label="Page navigation" class="page">

                                    </nav>
                                </div>
                            </div>
                            <div class="ui attached segment" style="margin-left: 450px">
                                <table class="m-mobile-wide" width="425px">
                                    <tbody>
                                    <tr align="center">
                                        <td>
                                            <a th:href="@{/resource/query(pageNum=${page.pageNum}-1)}" class="ui button basic mini"
                                               th:unless="${page.isFirstPage}">上一页</a>
                                        </td>
                                        <td>
                                            第
                                            <h8 th:text="${page.pageNum}"></h8>
                                            页/共
                                            <h8 th:text="${page.pages}"></h8>
                                            页
                                            共
                                            <h8 th:text="${page.total}"></h8>
                                            条
                                        </td>
                                        <td>
                                            <form name="pageForm" th:action="@{/resource/query}" method="get">
                                                <div class="ui mini input ">
                                                    <input type="text" class="m-bg" name="pageNum" placeholder="页码"
                                                           style="width: 50px!important; height: 27.76px!important;" required>
                                                    <button type="submit"
                                                            style="font-size: 11px!important;width: 30px!important; height: 0px!important; border: none;margin: 5px;padding: 0;"
                                                            class="button mini">
                                                        跳转
                                                    </button>
                                                </div>
                                            </form>
                                        </td>
                                        <td> &nbsp;</td>
                                        <td style="float: right">
                                            <a th:href="@{/resource/query(pageNum=${page.pageNum}+1)}" class="ui button basic mini " style="float: right;"
                                               th:unless="${page.isLastPage}">下一页</a>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
</div>
<footer class="footer footer-static footer-light navbar-border navbar-shadow">
    <div class="clearfix blue-grey lighten-2 text-sm-center mb-0 px-2"><span
            class="float-md-left d-block d-md-inline-block">2021 &copy;TomorrowSchoolMs 明日校园智慧管理系统 © 2021-2024</span>
        <ul class="list-inline float-md-right d-block d-md-inline-blockd-none d-lg-block mb-0">
            <li class="list-inline-item">明日校园智慧管理系统</li>
        </ul>
    </div>
</footer>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">班次操作</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">×</span></button>
            </div>
            <div class="modal-body">
                <div class="" style="min-height:160px; justify-content: center; align-items: center; display: flex;">
                    资料内容
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-def" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-danger">执行操作</button>
            </div>
        </div>
    </div>
</div>


<!-- BEGIN VENDOR JS-->
<script src="/app-assets/js/vendors.min.js" type="text/javascript"></script>
<script src="/app-assets/js/app-menu.js" type="text/javascript"></script>
<script src="/app-assets/js/app.js" type="text/javascript"></script>
<script>
</script>
</body>
</html>